import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/components/Login'
import Home from '@/components/Home'
import Welcome from '@/components/Welcome'
import Users from '@/components/user/Users'
import Rights from '@/components/power/Rights'
import Roles from '@/components/power/Roles'
import Cate from '@/components/goods/Cate'
import Params from '@/components/goods/Params'
import List from '@/components/goods/List'
import Add from '@/components/goods/Add'
import Order from '@/components/order/Order'
import Report from '@/components/report/Report'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/login',

  },
  {
    path: '/login',
    component: Login
  },
  {
    path: '/home',
    component: Home,
    redirect: '/home/welcome',
    children: [
      {
        path: 'welcome',
        component: Welcome
      },
      {
        path: 'users',
        component: Users
      },
      {
        path: 'rights',
        component: Rights
      },
      {
        path: 'roles',
        component: Roles
      },
      {
        path: 'categories',
        component: Cate
      },
      {
        path: 'params',
        component: Params
      },
      {
        path: 'goods',
        component: List
      },
      {
        path: 'goods/add',
        component: Add
      },
      {
        path: 'orders',
        component: Order
      },
      { 
        path: "reports", 
        component: Report 
      }
    ]
  }
]

const router = new VueRouter({
  routes
})

// 路由导航守卫
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from  从哪个路径跳转而来
  //next 函数 代表放行  两种写法： next() 放行     next('跳转路径') 强制跳转该路径

  // 判断用户要跳转的路径是否是登录页面
  if (to.path === '/login') return next(); //如果是登录页，就直接放行
  // 获取 token 
  const tokenStr = window.sessionStorage.getItem('token');
  // 获取到的值可能是token值，也可能是空字符串
  if (!tokenStr) return next('/login');
  // token 存在 即放行
  next()
})

export default router
